@charset "utf-8";
.useronly {
    float: right;
    display: inline-block;
    background: #D0EEFF;
    border: 2px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    color: #1E88C7;
    line-height: 20px;
}
.top{
    z-index: 1;
}
.avoidContentHidden {
    padding-top: 60px;
    margin-top: -60px
}
.welcome {
    font-family: 华文行楷, 微软雅黑;
    font-size: 2em;
    font-weight: 900;
    color: #00cc33;
    text-shadow: 2px 2px 6px #000;
    font-style: oblique;
}
#leavemessage{
    margin-top: 0px;
}
textarea#messagetext {
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    height: 200px;
    font-family: 楷体, 宋体;
    font-size: 22px;
    font-weight: 400;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    resize: none;
    overflow: hidden;
}
textarea {
    resize: none;
    width: 100%;
    display: block;
    height: 100px;
    overflow: hidden;
}
#wordnumtip {
    display: block;
    height: 25px;
    color: rgb(128, 128, 128);
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-stretch: 100%;
    font-weight: 400;
    margin-bottom: 10px;
    visibility: hidden;
}
#wordnumtip span {
    font-family: Constantia, Georgia;
    font-weight: 700;
    font-size: 22px;
    font-style: italic;
}
#searchbutton{
    box-sizing: content-box;
}
#prependedInput,#searchbutton{
z-index: 0;
}
#tipok {
    visibility: visible;
    font-family: 楷体;
    font-size: 20px;
    color: #0d66ca;
}
.leftbox {
    background: rgb(251, 251, 253);
    text-size-adjust: 100%;
}
.portrait {
    padding: 20px 0;
}
.portrait img, #loginportrait {
    width: 50px;
    height: 50px;
}
.messagecontent {
    font-family: 华文楷体，方正楷体, 楷体, 宋体;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
}
.messagebox-big {border: 0;
    border-left: 1px solid #E5E5E5;
    border-bottom: 1px solid #E1E4E6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: rgb(250, 251, 252);
    box-sizing: border-box;
}
.messagebox-small {
    min-height: 170px;
    font-size: 20px;
    word-break: break-all;
    padding-top: 10px;
    padding-bottom: 50px;
    background: #fff;
}
.replyall  {
    background-color: rgb(247, 248, 250);
}
.praise {
    background-image: url(../images/like.png);
    background-position-y: top;
    height: 23.9946px;
    display: inline-block;
    width: 23.9946px;
    vertical-align: bottom;
}
.praise:hover {
    background-position-y: bottom;
}
.like {
    cursor: pointer;
}
.replytime {
    display: inline-block;
}
#visitor:hover {
    cursor: pointer;
}
.reply_big {
    line-height: 25px;
    background-color: rgb(247, 248, 250);
}
.replycontent {
    white-space: pre-wrap;
    font-family: 华文楷体，方正楷体, 楷体, 宋体;
    font-size: 18px;
    word-wrap: break-word;
}
.replierbottom {
    white-space: pre-wrap;
}
.showallreply {
    cursor: pointer;
    background-color: rgb(218, 235, 249);
}
.showallreply:hover {
    background-color: rgb(220, 239, 254);
}
.singlereply {
    border-top-color: rgb(215, 215, 215);
    border-top-style: dotted;
    border-top-width: 1px;
}
.hidereply {
    display: none;
}
#reply, .replytoreply {
    cursor: pointer;
    display: inline-block;
}
input {
    background: #D0EEFF;
    border: 2px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    color: #1E88C7;
    line-height: 20px;
}
.replydiv {
    padding: 5px;text-align: right; width: 100%;
    display: none;box-sizing: border-box;
}
.replydiv form{
    box-sizing: border-box;
}
.replydiv textarea{
    box-sizing: border-box; width: 100%; height: 70px; display: block;
}
#destroy:hover, .submitmessage:hover, #useronly:hover, #pager_go:hover, .submitreply:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
    box-sizing: border-box;
}
input[type="button"]:hover {
    cursor: pointer;
}
.submitreply {
    cursor: pointer;
}
#jumpPage {
    BORDER-BOTTOM: #0099ff 1px solid;
    BORDER-LEFT: #0099ff 1px solid;
    BORDER-RIGHT: #0099ff 1px solid;
    BORDER-TOP: #0099ff 1px solid;
    width: 50px;
}
@media (min-width: 340px) and (max-width: 400px) {
    li.list-group-item {
        display: block;
    }
}
@media (min-width: 510px) and (max-width: 630px) {
    li.list-group-item {
        display: block;
    }
}
@media (min-width: 980px) {
    .banner {
        padding-top: 100px;
    }
    #nav-list, #nav-list li {
        float: none;
    }
}
